#user_box{
    /* background:url(../images/7777777.png) no-repeat; */
    background-size: 100% 100%!important;
    transition: all 1s;
}

#user_box .user_box{
    width:1200px;margin:0 auto;position: relative;padding:82px 0 50px;
}
#user_box .user_box .set_bg_pic{
    position: absolute;display:inline-block;top:25px;right:25px;background:rgba(0,0,0,0.4);color:#fff;padding:10px 25px;font-size: 20px;cursor: pointer;
}
#user_box .user_box .set_bg_pic:active{
    background:rgba(0,0,0,0.6);
}
#user_box .user_item{
    background:#fff;width:582px;height:217px;margin:0 auto;
}
#user_box .user_item .head_pic{
    width:94px;height:94px;border:3px solid #fff;margin:0 auto -51px;position: relative;top:-51px;border-radius: 50%;font-size: 0;background:#fff;overflow: hidden;
}
#user_box .user_item .head_pic img{
    width:100%;height:100%;
}
#user_box .user_item .nickname{
    text-align: center;
}
#user_box .user_item .nickname h2{
    margin:0 auto;display:inline-block;color:#484848;font-size: 18px;line-height: 30px;
}
#user_box .user_item .nickname .vip{
    background:#235da3;color:#fff;padding:0 10px;border-radius: 50px;margin-left: 10px;
}
#user_box .user_item .info{
    text-align: center;
}
#user_box .user_item .info .item{
    display: inline-block;margin:8px 10px;font-size: 14px;color:#818181;
}
#user_box .user_item .info .item i{
    font-size: 14px;display: inline-block;padding-right: 5px;position: relative;top:-1px;
}
#user_box .user_item .option{
    text-align: center;
}
#user_box .user_item .option .btn{
    display: inline-block;font-size: 18px;color:#fff;font-weight: 600;margin:13px;padding:10px 30px;cursor: pointer;
}
#user_box .user_item .option .pic{
    background:#235da3;
}
#user_box .user_item .option .doc{
    background:#d60303;
}

#user_box .user_item .option .pic:active{
    background:#3a83db;
}
#user_box .user_item .option .doc:active{
    background:#e62222;
}


#user_box .user_item .total{
    text-align:center;padding-bottom: 10px;
}
#user_box .user_item .total .item{
    font-size: 16px;color:#484848;margin:0 25px;display: inline-block;line-height: 30px;
}


.teble_btn{
    text-align: center;border-bottom: 1px solid #f0f0f0;margin-top: 40px;
}
.teble_btn .teble_item{
    display: inline-block;margin:0 50px;padding:5px 0;font-size: 16px;color:#484848;border-bottom:2px solid transparent;
}
.teble_btn .teble_item[active]{
    color:#235da3;border-bottom:2px solid #235da3;
}



#table_box{
    width:1220px;margin:0 auto;overflow-x: hidden;overflow-y: hidden;padding:0 10px;
}
.table_box{
    font-size: 0;white-space: nowrap;overflow-x: hidden;overflow-y: hidden;
}
.table_box .table_box_item{
    font-size: 16px;display: inline-block;width:1200px;padding:0 10px;vertical-align: top;margin-right: 10px;
}



.pic_list{
    white-space: normal;margin-bottom: 40px;
}
.pic_list .item .zy{
    white-space: normal;
}


.user_pic_page{
    text-align: center;width:1200px;margin:0 auto;margin-top: -10px;margin-bottom: 25px;
}
.not_found{
    text-align: center;margin: 40px 0;line-height: 20px;font-size: 16px;
}
.not_found a{
    color:#3030ff;
}
.not_found a:hover{
    border-bottom: 1px solid #3030ff;
}
.gotopage{
    display: inline-block;vertical-align: top;line-height: 41px;
}
.gotopage input{
    width:40px;outline: none;font-size: 14px;padding:0 0 0 5px;
}
.gotopage a{
    display: inline-block;margin-right: 10px;cursor: pointer;
}

.table_box_item .user_info{
    width:400px;margin:100px auto;
}
.table_box_item .user_info .input{
    height:56px;font-size: 0;line-height: 56px;
}
.table_box_item .user_info .input span{
    width:80px;font-size: 18px;color:#4e4e4e;display:inline-block;height:36px;text-align: right;padding-right: 15px;
}
.table_box_item .user_info .input input{
    width:calc(100% - 95px);background:none;border:none;padding:0;margin:0;height:35px;outline: none;border-bottom: 1px solid #a7a7a7;
    font-size: 18px;
}
.table_box_item .user_info .input input::placeholder{
    font-size: 18px;
}
.table_box_item .user_info .input.radio input{
    display: none;
}
.table_box_item .user_info .input.radio label{
    font-size: 18px;color:#4e4e4e;display:inline-block;padding-left: 20px;position: relative;margin:0 25px;cursor: pointer;
}
.table_box_item .user_info .input.radio label::after{
    content: "";display: block;width:14px;height:14px;border:1px solid #b5b5b5;border-radius: 50%;position: absolute;top:50%;left:0;transform: translateY(-50%);
}
.table_box_item .user_info .input.radio label.active::after{
    background:#333;border:1px solid #333;
}
.table_box_item .user_info .submit{
    display: block;width:136px;height:34px;color:#fff;background:#235da3;font-size: 18px;border:none;margin:50px auto 0;
    outline: none;cursor: pointer;
}


#pic_upload{
    position: fixed;z-index: 99999;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);display: none;
}
#pic_upload .pic_upload{
    position: absolute;width:770px;padding:0 50px;max-height:820px;top:50%;left:50%;transform: translate(-50%,-50%); background:#fff;border-radius: 5px;
}
#pic_upload .pic_upload .tops{
    text-align: center;
}
#pic_upload .pic_upload .tops .item{
    display: inline-block;margin:10px 0;font-size: 0;background:#e5e5e5;border-radius: 50px;position: relative;
}
#pic_upload .pic_upload .tops .item::after{
    content: "";display: block;position: absolute;z-index: 1;width:80px;height:30px;top:0;left:0;border-radius: 50px;background:#0655ce;
    transition: left 0.2s;
}
#pic_upload .pic_upload .tops .item[type="multi"]::after{
    left:80px;
}
#pic_upload .pic_upload .tops .item span{
    display: inline-block;width:80px;height:30px;font-size: 18px;color:#6d6d6d;text-align: center;line-height: 30px;position: relative;z-index: 2;
    cursor: pointer;transition: color 0.2s;
}
#pic_upload .pic_upload .tops .item span.active{
    color:#fff;
}
#pic_upload_single{
    height:298px;border:2px dashed #dadada;border-radius: 5px;display: flex;position: relative;
}
#pic_upload_single.ondragover{
    background:rgba(0,0,0,0.6)
}
/* #pic_upload_single.ondragover::after{
    content: "";position: absolute;display: block;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: 9;
} */
#pic_upload_single.ondragover .button{
    display:none;
} 
#pic_upload_single.ondragover::before{
    content: "松开鼠标";position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 10;font-size: 30px;font-weight: 400;color:#fff;
    letter-spacing: 5px;
}
#pic_upload_single .pic_upload_files{
    display:none;
}
#pic_upload_single .imglist{
    width:100%;height:100%;overflow-y: auto;font-size: 0;
}
#pic_upload_single .imglist .img{
    width:100px;height:100px;margin:5px 4px 5px 5px;position: relative;display:inline-block;font-size: 0;
}
#pic_upload_single .imglist img{
    width:100px;height:100px;
}

#pic_upload_single .imglist .img::after{
    content: "delete";position: absolute;display:block;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);cursor: pointer;
    font-size: 60px;font-family: 'Material Icons';-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'liga';-moz-font-feature-settings: 'liga';font-feature-settings: 'liga';text-align: center;line-height: 100px;
    color:#fff;opacity: 0;transition: opacity .2s;
}
#pic_upload_single .imglist .img:hover::after{
    opacity: 1;
}
#pic_upload_single .imglist::-webkit-scrollbar{position: absolutes; margin-right:0px;width:3px;background:none;}
#pic_upload_single .imglist::-webkit-scrollbar-track-piece{border-left:0px solid #D2D2D2;background-color:none;}
#pic_upload_single .imglist::-webkit-scrollbar-thumb{width:5px;background:#CBCBCB;border-radius: 10px;}
#pic_upload_single .imglist::-webkit-scrollbar-thumb:hover{background:#4CACE2;}
#pic_upload_single .button{
    position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 9;
}
#pic_upload_single .button button{
    display: inline-block;width:270px;height:46px;color:#fff;font-size: 26px;color:#6d6d6d;background:#e5e5e5;border-radius: 50px;
    letter-spacing: 2px;border:none;outline: none;cursor: pointer;
}
#pic_upload_single.ispic .button{
    display:none;
}
#pic_upload_single.ispic:hover .button{
    display: inline-block;
}
#pic_upload_single .button.before{
    display: none;
}
#pic_upload_single .button p{
    text-align: center;margin:5px;font-size: 14px;color:#acacac;
}
#pic_upload_single{
    margin-bottom: 20px;
}


#pic_upload #pic_form .input{
    font-size: 0;margin-bottom: 20px;
}
#pic_upload #pic_form .input::after{
    content: "";display: block;clear: both;
}
#pic_upload #pic_form .input .name{
    font-size: 16px;color:#6d6d6d;width:125px;display: inline-block;float:left;line-height: 40px;
}
#pic_upload #pic_form .input .input_item{
    width:calc(100% - 125px);display: inline-block;float:left;font-size: 16px;color:#6d6d6d;
}
#pic_upload #pic_form .input .input_item input{
    height:38px;border:1px solid #dcdcdc;background:#f5f5f5;padding:0 10px;margin:0;outline: none;width:278px;font-size: 14px;
}
#pic_upload #pic_form .input .input_item button{
    width:90px;height:40px;background:#0655ce;color:#fff;font-size: 20px;outline: none;border:0;vertical-align: bottom;cursor: pointer;
    margin-left: 40px;
}
#pic_upload #pic_form .input .input_item button:active{
    background:#246ee0;
}
#pic_upload #pic_form .input .input_item .tag_list span{
    font-size: 12px;line-height: 16px;display: inline-block;background:#f5f5f5; margin:5px 5px 5px 0;padding:2px 5px;border:5px;cursor: pointer;
    color:#b9b9b9;
}
#pic_upload #pic_form .input .input_item .tag_list span::after{
    content: "×";font-size: 16px;vertical-align: bottom;color:#
}
#pic_upload #pic_form .input .input_item .tag_list span:hover{
    color:#575757;
}
#pic_upload #pic_form .select{
    font-size: 0;
}
#pic_upload #pic_form .select::after{
    content: "";display: block;clear: both;
}
#pic_upload #pic_form .select .name{
    font-size: 16px;color:#6d6d6d;width:125px;display: inline-block;float:left;line-height:18px;
}
#pic_upload #pic_form .select .checkbox_item{
    width:calc(100% - 125px);display: inline-block;float:left;font-size: 16px;color:#6d6d6d;
}
#pic_upload #pic_form .select .checkbox_item input{
    display: none;line-height: 30px;
}
#pic_upload #pic_form .select .checkbox_item label{
    display: inline-block;min-width: 70px;padding-left: 30px;position: relative;margin-bottom: 10px;cursor: pointer;height:18px;
}
#pic_upload #pic_form .select .checkbox_item label::after{
    content: "";position: absolute;top:1px;left:0;width:14px;height:14px;border:1px solid #c0c0c0;
}
#pic_upload #pic_form .select .checkbox_item label::before{
    content: "";position: absolute;top:4px;left:3px;width:10px;height:10px;background:#333;transform: scale(0);border-radius: 50%;
    transition: all 0.2s;
}

#pic_upload #pic_form .select .checkbox_item label.active::before{
    transform: scale(1);border-radius: 0%;
}
#pic_upload #pic_form .tip{
    font-size: 14px;color:#8d8d8d;margin:0;
}

#pic_upload #pic_form .submit{
    width:270px;height:40px;background:#0655ce;border:0;border-radius: 50px;font-size: 22px;color:#fff;display: block;margin:20px auto;letter-spacing: 5px;
}


